<template>
  <div class="test-page">
    <h1>图片管理测试页面</h1>
    <el-button type="primary" @click="openImageManager">打开图片管理对话框</el-button>
    
    <ImageManagerDialog
      :visible="dialogVisible"
      :shoe-id="1"
      title="测试图片管理"
      @close="dialogVisible = false"
      @uploaded="handleUploaded"
    />
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import ImageManagerDialog from '@/components/ImageManagerDialog.vue'

const dialogVisible = ref(false)

const openImageManager = () => {
  dialogVisible.value = true
}

const handleUploaded = () => {
  console.log('图片上传完成')
}
</script>

<style scoped>
.test-page {
  padding: 20px;
}
</style>